<template>
	<view id="app">
		<scroll-view enable-flex scroll-y="true" class="scrollView">
			<view class="cards" @click="toEquipment">
				设备
			</view>
		</scroll-view>
	</view>
</template>

<script setup>
 	function toEquipment(){
		uni.navigateTo({
			url: '/pages/listpage/listpage'
		});
	}
</script>

<style lang="scss" scoped>
  #app{
	  width: 100vw;
	  height: 100vh;
	  .scrollView{
		  width: 100vw;
		  height: 100vh;
		  overflow: hidden;
		  display: flex;
		  flex-wrap: wrap;
		  background-color: #DDDDDD;
		  .cards{
			  border-radius: 20rpx;
			  display: flex;
			  justify-content: center;
			  align-items: center;
			  color: #DDDDDD;
			  font-size: 50rpx;
			  font-weight: 900;
			  width: 280rpx;
			  height: 280rpx;
			  margin-top: 50rpx;
			  margin-left: 60rpx;
			  background-color: #003399;
		  }
	  }
  }
</style>
